<div>
    <div class="navtitleright nb"><a href="page.html">首页</a>
        <span class="color-change" v-for="(item, index) in productInfo.classPath"> > <a v-on:click="_jumpToPageByClassId(item.classId)">{{item.className}}</a></span>

    </div>
    <div class="indbody pro-style">
        <div class="nb recom-box">
            <div class="part-price-sort">
                <ul class="pps">
                    <li class="readychoose">
                        <div class="lside-name">已选择</div>
                        <div class="rside-navtitle">
                            <a v-on:click="_jumpToPageByCancel('class')" v-if="productInfo.goodsClass.hktName" title="取消选择"
                                                       style="margin-right:10px;">分类：<span>{{productInfo.goodsClass.hktName}}<em>×</em></span></a>
                            <a v-on:click="_jumpToPageByCancel('price')" v-if="minPrice || maxPrice" title="取消选择"
                               style="margin-right:10px;">价格：<span>{{minPrice}}-{{maxPrice}}<em>×</em></span></a>
                        </div>
                    </li>
                    <li v-if="productInfo.goodsClass.children">
                        <div class="lside-name">分类</div>
                        <div class="rside-navtitle">
                            <a v-for="(item, index) in productInfo.goodsClass.children" v-on:click="_jumpToPageByClassId(item.classId)">{{item.hktName}}</a>
                        </div>
                    </li>
                    <li>
                        <div class="lside-name">价格</div>
                        <div class="rside-navtitle"><a href="17rec-1.html" class="red">全部</a>
                            <span class="setprice">
 	                            <input type="text" v-model="minPrice" id="price-min" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');"> -
                                <input type="text" v-model="maxPrice" id="price-max" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');">
 	                            <input type="button" v-on:click="_jumpToPageByPrice()" id="btnprice" value="确定">
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="lside-name">排序方式</div>
                        <div class="rside-navtitle some-px">
                            <a href="javascript:void(0)" class="red">默认</a>
                            <!-- <a v-on:click="_queryProductByTypes('sales')"><span>销量</span></a>
                            <a v-on:click="_queryProductByTypes('price')"><span class="price">价格</span><b></b></a> -->
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="yourlike clearovermartb nobottompad">
                <li v-for="(item, index) in productInfo.products">
                    <a v-on:click="_jumpToProductDetail(item.productId)" class="picbox">
                        <img v-bind:src="item.coverPhoto" alt="" height="192px" width="192px">
                    </a>
                    <div class="elli color-change">
                        <a v-on:click="_jumpToProductDetail(item.productId)">{{item.prodName}}</a>
                    </div>
                    <span class="color-change">
                        <a v-on:click="_jumpToProductDetail(item.productId)" class="price">￥<span>{{item.price}}</span></a>
                    </span>

                    <div class="probottom">
                        <a href="javascript:void(0);" v-on:click="_addToCart(item)" class="buy">加入购物车</a><i
                            class="line"></i>
                        <a href="javascript:void(0);" v-on:click="_buyNow(item)" class="addcart">立即购买</a>
                    </div>
                </li>

            </ul>
            <div class="pages">
                <vc:create path="frame/pagination"></vc:create>
            </div>
        </div>
    </div>




</div>
